<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">

<ui:composition template="../templates/general.xhtml">
	<ui:define name="cuerpo">



		<h:form id="dataForm" prependId="false">
			<p:growl id="growl" showDetail="false" sticky="false" life="6000" />
			<p:panel id="data" toggleable="true" toggleSpeed="250">
				<f:facet name="header">
					<h:outputText value="Actualizar de plantillas de mantenimiento" />
				</f:facet>
				<p:panel styleClass="bgColoredPanel">
					<p:panelGrid style="width: 100%;" styleClass="ui-custompanelgrid">

						<p:row>
							<p:column style="width: 10%;">
								<h:outputLabel value="Nombre de plantilla" style="width: 5%;">
								</h:outputLabel>
							</p:column>
							<p:column style="width: 70%;" colspan="3">
								<p:inputText styleClass="uppercase" required="false"
									value="#{plantillaController.descripcion}" maxlength="100"
									id="plantillaDescripcion" style="width: 100%;"></p:inputText>
							</p:column>
							<p:column style="width: 10%" styleClass="center">
								<p:commandButton value="Buscar"
									action="#{plantillaController.buscar}" style="width: 90%;"
									update=":dataForm:data">
								</p:commandButton>
							</p:column>

							<p:column style="width: 10%" styleClass="center">
								<p:commandButton value="Nuevo"
									actionListener="#{plantillaController.irNuevo}"
									style="width: 90%;"></p:commandButton>
							</p:column>
						</p:row>
					</p:panelGrid>
				</p:panel>




				<p:panel style="margin-bottom:5px;" styleClass="bgColoredPanel">
					<p:column>
						<h:outputText value="Lista de plantillas de mantenimiento"
							styleClass="customTitleBar">
							<p:separator></p:separator>
						</h:outputText>
					</p:column>
					<br />
					<h:outputFormat id="noRecordsFound"
						value="No se encontraron plantillas de mantenimiento registradas"
						rendered="#{!plantillaController.switchDataVisible}">
					</h:outputFormat>


					<p:dataTable id="listaPlantillasDTO"
						value="#{plantillaController.listaPlantillasDTO}" var="plantilla"
						rendered="#{plantillaController.switchDataVisible}"
						paginatorPosition="bottom" rowKey="#{plantilla.plantillaId}"
						currentPageReportTemplate="Página {currentPage} de {totalPages}"
						resizableColumns="false" paginator="true"
						rowIndexVar="indexPlantilla" selectionMode="single"
						paginatorTemplate=" {CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
						rowsPerPageTemplate="4,8,12,16" rows="4">
						<p:ajax event="rowSelect" global="false"
							listener="#{plantillaController.onRowSelect}"
							update=":dataForm:actividadPanelId" />

						<p:column headerText="Código" styleClass="center">
							<h:outputLabel value="#{plantilla.plantillaId}"
								style="width: 5%;">
							</h:outputLabel>
						</p:column>
						<p:column headerText="Nombre de plantilla" styleClass="center">
							<h:outputLabel value="#{plantilla.descripcion}"
								style="width: 5%;">
							</h:outputLabel>
						</p:column>
						<p:column headerText="Régimen" styleClass="center">
							<p:outputLabel value="#{plantilla.regimenDescripcion}"
								style="width: 5%;">
							</p:outputLabel>
						</p:column>
						<p:column headerText="Opciones">
							<div align="center">
								<p:commandButton value="Modificar"
								update=":dataForm:data"
									action="#{plantillaController.irActualizar}">
									<f:setPropertyActionListener
										target="#{plantillaController.plantillaDTO}"
										value="#{plantilla}"></f:setPropertyActionListener>
								</p:commandButton>
								<p:commandButton value="Eliminar"
								
									action="#{plantillaController.preEliminarPlantilla}">
									<f:setPropertyActionListener
										target="#{plantillaController.plantillaDTO}"
										value="#{plantilla}"></f:setPropertyActionListener>
								</p:commandButton>
							</div>
						</p:column>
					</p:dataTable>
				</p:panel>

				<p:panel id="actividadPanelId">

					<p:column>
						<h:outputText value="Detalle de plantilla"
							styleClass="customTitleBar">
							<p:separator></p:separator>
						</h:outputText>
					</p:column>
					<br/>
					
					<p:dataTable id="listaPlantillaDetalleDTOId"
						value="#{plantillaController.listaPlantillaDetalleDTO}"
						var="detalle"
						rendered="#{plantillaController.switchDataTablaActividad}"
						paginatorPosition="bottom" rowKey="#{detalle.plantillaDetalleId}"
						currentPageReportTemplate="Página {currentPage} de {totalPages}"
						resizableColumns="false" paginator="true"
						rowIndexVar="indexDetalle"
						paginatorTemplate=" {CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
						rowsPerPageTemplate="5,10,25,50" rows="10">

						<p:column headerText="Código" styleClass="center">
							<p:outputLabel value="#{detalle.plantillaDetalleId}" style="width: 5%;">
							</p:outputLabel>
						</p:column>
						<p:column headerText="Actividad" styleClass="center">
							<p:outputLabel value="#{detalle.actividadDescripcion}"
								style="width: 5%;">
							</p:outputLabel>
						</p:column>
						<p:column headerText="Clasificación" styleClass="center">
							<p:outputLabel value="#{detalle.clasificacionDescripcion}"
								style="width: 5%;">
							</p:outputLabel>
						</p:column>
						<p:column headerText="Frecuencia" styleClass="center">
							<p:outputLabel
								value="Cada #{detalle.frecuencia} #{detalle.unidadFrecuenciaDescripcion}"
								style="width: 5%;">
							</p:outputLabel>
						</p:column>
						<p:column headerText="Prioridad" styleClass="center">
							<p:outputLabel value="#{detalle.prioridadDescripcion}"
								style="width: 5%;">
							</p:outputLabel>
						</p:column>
					</p:dataTable>
				</p:panel>

			</p:panel>
		</h:form>

		<p:confirmDialog id="deletePlantillaDialogId" appendToBody="true" style="width: 100%;" closable="false"
			widgetVar="deletePlantillaDialog" message="Atención! está seguro de:"
			showEffect="fade" hideEffect="explode" header="Confirmar"
			severity="alarm">
			<p:outputPanel id="deletePanel">
			<p:outputLabel value="Eliminar la plantilla seleccionada?"></p:outputLabel>
				<h:form id="deleteForm">
				<div align="center">
					<p:commandButton id="deleteYesButton" value="Si"
						action="#{plantillaController.eliminarPlantilla}"
						update=":dataForm:data " />
					<p:commandButton id="deleteNoButton" value="No"
						onclick="deletePlantillaDialog.hide()" type="button" /></div>
				</h:form>
			</p:outputPanel>
		</p:confirmDialog>


	</ui:define>
</ui:composition>
</html>

